<html>
<head>
    <style>
        table { background-color: lightblue; height: 100px; }
        td { width: 100px; height: 50px; }
        div#target { height: 25px; width: 50px; background-color: lightgreen; }
    </style>
</head>
<body>
<table>
    <tr>
        <td>
            <div id="target"></div>
            <div id="dummy"></div>
        </td>
    </tr>
</table>
</body>
</html>
<!-- crbug.com/690087: We do this to force a two-pass layout so that we get the same height on the table as the reference. -->
<script>
  document.body.offsetTop;
  document.getElementById("dummy").style.display = "none";
</script>
